<template>
	<view class="animated fadeIn fast">
		<view class="info-item  u-f-ac" v-for="(item,index) in infoList"
		:key="index">
			<view class="image">
				<image :src="item.icon" mode="widthFix" ></image>
			</view>
			<view class="text">{{item.text}}</view>
			<view style="flex: 1;" class="icon iconfont icon-jinru"></view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
		},
		data() {
			return {
				infoList:[
					{
						icon:"../../../static/icon/home_1.png",
						text:"我的下载",
					},
					{
						icon:"../../../static/icon/home_2.png",
						text:"最近播放",
					},
					{
						icon:"../../../static/icon/home_3.png",
						text:"我的云盘",
					},
					{
						icon:"../../../static/icon/home_4.png",
						text:"我的收藏",
					}
				],
			}
		},
		methods: {
			
		}
	}
</script>


<style lang="less" scoped>
	.info-item{
		width: 100%;
		border-bottom: 1upx solid #CCCCCC;
		.image{
			flex: 2;
			image{
				width: 100%;
			}
		}
		.text{
			padding-left: 10upx;
			flex: 15;	
		}
	}
</style>
